<template>
  <div id="tab-bar">

      <slot></slot>

   <!-- <div class="tab-bar-item">
     <img src="@/assets/img/tabbar/home.png" alt="">
     <div>首页</div>
   </div>
  <div class="tab-bar-item">
     <img src="@/assets/img/tabbar/home.png" alt="">
     <div>分类</div>
  </div>
  <div class="tab-bar-item">
  <img src="@/assets/img/tabbar/home.png" alt="">
  <div>购物车</div>
  </div>
  <div class="tab-bar-item">
  <img src="@/assets/img/tabbar/home.png" alt="">
  <div>我的</div>

  </div> -->
  </div>
</template>

<style scoped>
#tab-bar{
  position: absolute;
  z-index: 10;
  display: flex;
  background-color: #f6f6f6;

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
}


</style>